/*======reset css======*/
body {
    font-size: 14px;
    font-family: "Microsoft YaHei",sans-serif;
    color: #333;
    position: relative;
}

h3{
    margin-top: 0;
    margin-bottom: 0;
}

h4, .h4, h5, .h5, h6, .h6{
    margin-top: 0;
    margin-bottom: 0;
}


a {
    text-decoration: none;
    color: #333;
}

a:hover {
    text-decoration: none;
    color: #333;
}

p {
    margin: 0;
}

.navbar-default {
    border-color: transparent;
}

ul {
    margin-bottom: -10px;
}

.navbar{
    margin-bottom: 0;
    border: 0;
}

.navbar-collapse{
    border-top: 0 !important;
}

.navbar-nav{
    margin: 0 -15px !important;
}

.navbar .tpy-navigation .tpy-switch{
    float: right !important;
}

.demo .nav > li > a{
    font-size: 15px;
}

@media screen and (max-width: 640px) {
    .tpy-navigation .tpy-logo{
        padding: 18px 0 0 0 !important;
    }

    .tpy-nqtd .zq-3{
        background: url("../images/mountain-3.jpg") no-repeat center;
        margin-bottom: 50px;
        height: 487px;
    }


    .tpy-article .tpy-nr > img {
        width: 100% !important;
        height:auto !important;
    }


.tpy-cplb .slick-dots li:nth-child(2){
        margin: 0 !important;
    }

    .tpy-cplb .slick-dots li:nth-child(3){
        margin: 0 !important;
    }

    .tpy-cplb .slick-dots li:nth-child(4){
        margin: 0 !important;
    }

    .tpy-sbzs .container .box {
        padding: 25px;
    }

    .tpy-gywm .container .box{
        padding: 25px;
    }

    .tpy-gywm .container .box > .advantage li{
        border-right: 0;
    }

    .tpy-gywm .container .box .photo li p{
        margin-top: 18px;
        margin-bottom: 20px;
    }

    .tpy-gywm .container .box .photo{
        padding: 25px 0 0 0;
    }

    .tpy-gsys .container  .box {
        padding: 34px;
    }

    .tpy-hxcp .container .box{
        padding: 30px;
    }

    .tpy-ys .content {
        margin-top: 34px !important;
    }

    .tpy-cplb .content .title, .tpy-ys .content .title, .tpy-zxly .content .title{
        margin: 35px 0 18px 0;
    }

    .tpy-ys .content .title {
        margin-top: 10px;
    }

    .tpy-cplb .slick-dotted.slick-slider {
        margin-top: 15px;
    }

    .tpy-ys .content ul > li .copywriting {
        padding: 30px !important;
    }

    .tpy-ys .container .title{
        margin-top: 25px;
    }

    .tpy-sbzs .pagination-wrapper{
        padding: 1em 0 0 0;
    }

    .tpy-sbzs .pagination{
        margin: 0;
    }

    .tpy-sbzs .container .box li {
        margin-bottom: 0;
    }

    .tpy-bq {
        margin-top: 10px !important;
    }

    .tpy-article .container .tpy-nr{
        padding: 10px;
    }

}

@media screen and (min-width: 768px) and (max-width: 992px){
    .tpy-navigation .tpy-logo{
        padding: 18px 18px 0 0 !important;
    }

  .tpy-nqtd .zq-3{
        background: url("../images/mountain-2-md.jpg") no-repeat center;
    }

    .tpy-article .tpy-nr > img {
        width: 100% !important;
        height:auto !important;
    }

}

@media screen and (min-width: 992px) and (max-width: 1200px){
    .tpy-nqtd .zq-3{
        background: url("../images/mountain-2-md-1.jpg") no-repeat center;
    }

    
.tpy-article .tpy-nr > img {
    width: 100% !important;
    height:auto !important;
}
}



/*顶部通栏*/
.tpy-demo{
    position:fixed;
    top:50px;
    background-color: transparent;
    transition: all 0.6s;
}

.tpy-demo_m{
    background-color: #fff;
    position:relative;
    top:0;
}

.tpy-demo > div > div{
    box-shadow: 0 2px 3px #cdcdcd;
}

.demo > .container{
    background-color: #fff;
}

.demo > div > div > .col-lg-3{
    background: url("../images/logo.png") no-repeat;
    background-position: 15px center;
    height: 78px;
    padding-right: 0;
    padding-left: 0;
}

.demo > div > div > .col-lg-1{
    background: url("../images/chinese.png") no-repeat center;
    height: 78px;
    padding-right: 0;
    padding-left: 0;
}

.tpy-demo2{
    background-color: #fff;
}

.tpy-demo2 > div > div{
    box-shadow: 0 !important;
}



 .fa-bars:before,
 .fa-times:before
 {
     line-height: 49px;
 }



.zq-sp {
    width: 100%;
    height: 750px;
}

.navbar-toggle {
    margin-top: 29px;
}

.nav > li > a{

}

/*产品轮播*/
.tpy-cplb {
    background-image: url("../images/cplb-bj.jpg");
    padding-bottom: 85px;
}

.tpy-cplb .title,
.tpy-ys .title,
.tpy-zxly .title
{
    background: url("../images/cplb-1.png") no-repeat center;
    text-align: center;
    font-size: 16px;
    height: 63px;
    margin: 80px 0 20px 0;
}

.tpy-cplb .title h3,
.tpy-ys .title h3,
.tpy-zxly .title h3
{
    font-size: 36px;
    line-height: 63px;
    color: #282828;
}

.tpy-cplb .container > p,
.tpy-ys .container > p,
.tpy-zxly .container > p
{
    font-size: 12px;
    color: #a4a4a5;
    line-height: 22px;
    text-align: center;
    height: 44px;
    overflow: hidden;
}

.slick-dots{
    border: 1px solid #0cbabb;
    border-radius: 25px;
    width: 238px !important;
    height: 45px !important;
    margin: 0 auto !important;
    position: relative !important;
    background: url("../images/cplb-5.png") no-repeat;
    background-position: 106px 11px;
}

.slick-dots li{
    margin: 18px 50px 0 50px !important;
}



.slick-dots li:first-child{
    background-image: url("../images/cplb-3.png");
    width: 21px;
    height: 7px;
    margin: 18px 50px 0 0 !important;
    position: relative;
}

.slick-dots li:last-child{
    background-image: url("../images/cplb-4.png");
    width: 21px;
    height: 7px;
    margin: 18px 0 0 50px !important;
}

.slick-dots li button:before{
    content: "" !important;
}

.slider{
    margin-top: 68px;
}

.slider .slick-slide{
    padding: 10px;
}

.slider h3{
    box-shadow: 0 0 15px 2px #f3f3f3;
    padding: 10px;
}

.slider div img{
    width: 100%;
}

.slider div h4{
    font-size: 20px;
    color: #282828;
    line-height: 40px;
    font-weight: normal;
    border-bottom: 1px solid #c3c3c3;
}

.slider div p{
    font-size: 12px;
    color: #9c9c9c;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}

.slider h3:hover {
    box-shadow: 0 0 15px 3px #d6d6d6;
}

/*滚动插件2*/
.slider2{
}

.slider2 .slick-slide{

}

.slider2 h3{
    box-shadow: 0 0 15px 2px #f3f3f3;
    padding: 10px;
}

.slider2-max{
    max-width: 100% !important;
    height: 598px !important;
}

.slider2-max-xs{
    max-width: 100% !important;
    height: auto !important;
}

.slider2 img{
    max-width: 100%;
    height: 598px
}



.slider2 div h4{
    font-size: 20px;
    color: #282828;
    line-height: 40px;
    font-weight: normal;
    border-bottom: 1px solid #c3c3c3;
}

.slider2 div p{
    font-size: 12px;
    color: #9c9c9c;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}

.slider2 h3:hover {
    box-shadow: 0 0 15px 3px #d6d6d6;
}






/*年轻团队*/


.zq-1{
    background: url("../images/mountain-1.jpg") no-repeat center;
    width: 100%;
    height: 299px;
    position: relative;
    overflow: hidden;
}

.zq-2{
    background: url("../images/mountain-1.2.jpg") no-repeat center;
    width: 100%;
    height: 299px;
    position: relative;
    overflow: hidden;
}

.zq-3{
    background: url("../images/mountain-2.jpg") no-repeat center;
    width: 100%;
    height: 598px;
    position: relative;
    overflow: hidden;
}
.zq-4{
    background: url("../images/mountain-4.jpg") no-repeat center;
    width: 100%;
    height: 299px;
    position: relative;
    overflow: hidden;
}
.zq-5{
    background: url("../images/mountain-5.jpg") no-repeat center;
    width: 100%;
    height: 299px;
    position: relative;
    overflow: hidden;
}

.zq-fa{
    padding-right: 0;
    padding-left: 0;
}

.zq-row{
    margin-right: 0;
     margin-left: 0;
}

.zq-cover{
     width: 100%;
     height: 100%;
     background-color: rgba(33,35,37,0.6);
     position: absolute;
     left: -1000px;
     transition:all 0.6s;
 }

.zq-cover .p1{
    font-size: 18px;
    line-height: 299px;
    color: #f7f7f7;
    text-align: center;
}

.zq-cover-2 .p2{
    font-size: 18px;
    line-height: 598px;
    color: #f7f7f7;
    text-align: center;
}



.zq-cover-2{
    width: 100%;
    height: 100%;
    background-color: rgba(33,35,37,0.6);
    position: absolute;
    left: -1100px;
    transition:all 1s;
}

.zq-1:hover .zq-cover{
    left: 0;
}
.zq-2:hover .zq-cover{
    left: 0;
}
.zq-3:hover .zq-cover-2{
    left: 0;
}
.zq-4:hover .zq-cover{
    left: 0;
}
.zq-5:hover .zq-cover{
    left: 0;
}



/*优势板块*/
.tpy-ys .title{
    margin-top: 155px;
}

.tpy-ys .content{
    margin-top: 124px;
}

.tpy-ys .content ul > li {
    padding: 0 20px;
    margin-bottom: 40px;
}

.tpy-ys .content ul > li a{
    display: block;
    border: 1px solid #eaeaea;
    box-shadow: 0 0 2px 1px #f3f3f3;
}

/*.tpy-ys .content ul > li a:hover{*/
     /*box-shadow: 0 0 15px 3px #d6d6d6;*/
 /*}*/

.tpy-ys .content ul > li img{
    width: 100%;
    height:100%;
}

.tpy-ys .content ul > li .copywriting{
    padding: 49px;
}

.tpy-ys .content ul > li .copywriting h4{
    font-size: 30px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    color: #282828;
}

.tpy-ys .content ul > li .copywriting h5{
    font-size: 17px;
    line-height: 28px;
    color: #282828;
    height: 28px;
    overflow: hidden;
    margin-bottom: 20px;
}

.tpy-ys .content ul > li .copywriting span{
      font-size: 8px;
      line-height: 16px;
      background-color: #0cbabb;
    border-radius:15px;
    padding: 2px 22px;
    color: #fff;
}

  .tpy-ys .content ul > li .copywriting p{
      font-size: 8px;
    color: #8d9ba4;
      line-height: 30px;
      margin-top: 20px;
      height: 60px;
      overflow: hidden;
  }

  .tpy-ys-effect{
      box-shadow: 0 0 15px 3px #d6d6d6 !important;
  }

  /*在线留言*/
.tpy-zxly{
    background: url("../images/zxly-1.jpg") center center no-repeat;
}

.tpy-zxly .form{
    margin-top: 85px;
}

.tpy-zxly form .form-group > input{
    width: 100%;
}

.tpy-zxly form  .form-control{
    background-color: rgba(255,255,255,0.6);
}

.tpy-zxly form textarea{
    width: 100% !important;
    margin-top: 50px;
}

.tpy-zxly form .tpy-submission{
    color: #0cbabb;
    text-align: center;
    border-radius: 25px;
    margin: 0 auto;
    display: block;
    padding: 0 50px;
    font-size: 15px;
    line-height: 30px;
    margin-top: 25px;
    margin-bottom: 70px;
}

/*底部*/
.tpy-db{
    padding-top: 109px;
}

.tpy-db > div li > .title img{
    margin-bottom: 26px;
}

.tpy-db > div li > .title p{
    font-size: 11px;
    line-height: 24px;
    color: #7d7d7d;
    margin-bottom: 22px;
}

.tpy-db > div li > .title span{
    margin-right: 20px;
}

.tpy-db > div li.tpy-label h4{
    font-size: 22px;
    line-height: 38px;
    color: #606060;
    background: url("../images/db-7.png") no-repeat left bottom;
    height: 44px;
    margin-bottom: 20px;
}

.tpy-db > div li.tpy-label span{
    display: block;
    text-align: left;
    font-size: 16px;
    color: #7d7d7d;
    line-height: 35px;
}
.tpy-db > div li.tpy-label span a{
    font-size: 16px;
    color: #7d7d7d;
    line-height: 35px;
}


/*底部版权*/
.tpy-bq{
    background-color: #0cbabb;
    margin-top: 70px;
}

.tpy-bq > div > p{
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    padding: 30px;
    color: #fff;
}

.tpy-bq > div > p a{
    font-size: 0;
}


/*文章内页*/
.tpy-banner img{
    width: 100%;
}

.tpy-article .tpy-nr img{
    width: 100%;
}

.tpy-article .tpy-nr{
    overflow: hidden;
}

.tpy-article .tpy-nr div img{
    width: 100% !important;
    height:auto !important;
}

.tpy-article .tpy-nr > img {
    width: 100%;

}

.tpy-article div h4{
    font-size: 19px;
    color: #000000;
    line-height: 30px;
}

 .tpy-article > .container > .row > .col-lg-4 > p{
    font-size: 14px;
    color: #a7a7a7;
     line-height: 27px;
     padding-bottom: 32px;
     border-bottom: 1px solid #d6d6d6;
 }

.tpy-article div .contact{
    margin: 20px 0;
}

.tpy-article div .contact img{
    width: 56px;
    height: 28px;
    margin-right: 5px;
}

.tpy-article div .product li{
    margin-bottom: 15px;
}

.tpy-article div .product li img{
    width: 100%;
}

.tpy-article div .product li h5{
    font-size: 13px;
    line-height: 24px;
    color: #767676;
    height: 24px;
    overflow: hidden;
    margin-top: 5px;
}

.tpy-article div .product li p{
    font-size: 11px;
    line-height: 20px;
    color: #a7a7a7;
    height: 20px;
    overflow: hidden;
}

/*公司优势*/
.tpy-gsys{
    background: url("../images/gsys-1.jpg") no-repeat center top;
}

.tpy-gsys .box{
    background: #fff;
    margin-top: 280px;
    padding: 50px;
}

.tpy-gsys h3{
    font-size: 24px;
    line-height: 40px;
    color: #353535;
    text-align: center;
}

.tpy-gsys h4{
    font-size: 16px;
    line-height: 16px;
    color: #c1c1c1;
    text-align: center;
    margin-bottom: 65px;
}

.tpy-gsys .box > div > ul li{
    padding: 12px 12px 12px 0;
    background-color: #f8f8f8;
    margin-bottom: 30px;
}

.tpy-gsys .box > div > ul li div{
    overflow: hidden;
}

.tpy-gsys .box > div > ul li:hover{
    background-color: #0cbabb;
}

.tpy-gsys .box li:hover .lcon{
    background: url("../images/gsys-4.png") no-repeat center center;
}

.tpy-gsys .box li:hover h5{
    color: #fff;
}

.tpy-gsys .box li:hover p{
    color: #fff;
}

.tpy-gsys .box li .lcon{
    background: url("../images/gsys-3.png") no-repeat center center;
    width: 39px;
    height: 147px;
}


.tpy-gsys .box > div li > a > div > img.photo{

}

.tpy-gsys .box li h5{
    font-size: 18px;
    line-height: 30px;
    color: #4b4b4b;
}

.tpy-gsys .box li p{
    font-size: 13px;
    line-height: 30px;
    color: #969696;
}

/*关于我们*/
.tpy-gywm{
    background: url("../images/gywm-1.jpg") no-repeat center top;
}

.tpy-gywm .box{
    background: #fff;
    margin-top: 280px;
    padding: 75px;
}

.tpy-gywm  h3{
    font-size: 24px;
    line-height: 40px;
    color: #353535;
    text-align: center;
}

.tpy-gywm h3.title{
    padding-top: 66px;
    padding-bottom: 45px;
}

.tpy-gywm h4{
    font-size: 16px;
    line-height: 16px;
    color: #c1c1c1;
    text-align: center;
    margin-bottom: 65px;
}

.tpy-gywm  .box > p{
    font-size: 14px;
    color: #373737;
    line-height: 25px;
}

.tpy-gywm p.introduce{

}

.tpy-gywm  .box > .advantage{
    padding: 70px 0;
    border-bottom: 1px solid #dcdcdc;
}

.tpy-gywm  .box > .advantage li{
    border-right: 1px solid #dcdcdc;
}

.tpy-gywm  .box > .advantage li:nth-child(4){
    border-right: 0;
}

.tpy-gywm  .box > .advantage h5{
    font-size: 60px;
    color: #757575;
    line-height: 100px;
    text-align: center;
}

.tpy-gywm  .box > .advantage p{
    font-size: 16px;
    color: #c3c3c3;
    line-height: 16px;
    text-align: center;

    overflow: hidden;
}

.tpy-gywm  .box .photo{
    padding: 25px 0 90px 0;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    margin-top: 40px;
}

.tpy-gywm  .box .photo li img{
    width: 100%;
}

.tpy-gywm  .box .photo li p{
    font-size: 14px;
    line-height: 22px;
    color: #363636;
    margin-top: 30px;
}

/*设备展示*/
.tpy-sbzs{
    background: url("../images/sbzs-1.jpg") no-repeat center top;
}

.tpy-sbzs.tpy-002{
    background: url("../images/sbzs-2-2.jpg") no-repeat center top !important;
}

.tpy-sbzs.tpy-003{
    background: url("../images/sbzs-3.jpg") no-repeat center top !important;
}

.tpy-sbzs .box{
    background: #fff;
    margin-top: 280px;
    padding: 75px;
}

.tpy-sbzs  h3{
    font-size: 24px;
    line-height: 40px;
    color: #353535;
    text-align: center;
}

.tpy-sbzs h3.title{
    padding-top: 66px;
    padding-bottom: 45px;
}

.tpy-sbzs h4{
    font-size: 16px;
    line-height: 16px;
    color: #c1c1c1;
    text-align: center;
    margin-bottom: 65px;
}

.tpy-sbzs  .box > p{
    font-size: 12px;
    color: #373737;
    line-height: 25px;
    text-align: center;
}

.tpy-sbzs  .box  li{
    padding: 7px;
    margin-bottom: 40px;
}

.tpy-sbzs  .box  li a{
    background-color: #fff;
    display: block;
    box-shadow: 0 0 3px 2px #efeeef;
    padding: 7px;
}

.tpy-sbzs  .box  li a:hover{
    box-shadow: 0 3px 5px 4px #efeeef;
}

.tpy-sbzs  .box  li img{
    width: 100%;
}

  .tpy-sbzs  .box  li h5{
    font-size: 19px;
    line-height: 53px;
    color: #5e5e5e;
    text-align: center;
  }

      .tpy-sbzs  .box  li p{
    font-size: 14px;
    line-height: 24px;
    color: #7e7e7e;
          padding-bottom: 64px;
          width: 80%;
          margin: 0 auto;
          text-align: center;
      }

      /*核心产品*/

.tpy-hxcp{
    background: url("../images/hxcp-1.jpg") no-repeat center top;
    background-size: 100% auto;
}

.tpy-hxcp .box{
    background: #fff;
    margin-top: 280px;
    padding: 75px;
}

.tpy-hxcp h3{
    font-size: 24px;
    line-height: 40px;
    color: #353535;
    text-align: center;
}

.tpy-hxcp h4{
    font-size: 24px;
    color: #353535;
    line-height: 32px;
}

.tpy-hxcp h5{
    font-size: 16px;
    color: #c1c1c1;
}

.tpy-hxcp .box .frame{
    margin-top: 50px;
}

.tpy-hxcp .box .frame > .navigation li{
    border-bottom: 1px solid #e8e8e8;
    padding: 17px 0;
}

.tpy-hxcp .box .frame > .navigation li:nth-child(1) a{
    font-size: 13px;
    color: #353535;
    border-left: 3px solid #0cbabb;
    padding-left: 15px;
}

.tpy-hxcp .box .frame > .navigation  li a{
    font-size: 13px;
    color: #353535;
    padding-left: 15px;
}


.tpy-hxcp .box .frame > .navigation li a span{

}

.tpy-hxcp .box .product .row li{
    padding: 0 8px;
    margin-bottom: 30px;
}

.tpy-hxcp .box .product .row li:hover a{
    border-bottom: 1px solid #999999;
}

.tpy-hxcp .box .product .row li a:hover .lcon{
    background: url("../images/hxcp-3.png") no-repeat;
    width: 32px;
    height: 22px;
}

.tpy-hxcp .box .product .row li > a{
    display: block;
    border-bottom: 1px solid #e6e6e6;
}

.tpy-hxcp .box .product .row  li > a > img{
    width: 100%;
}

.tpy-hxcp .box .product .row  li > a > .row h6{
    font-size: 13px;
    color: #505050;
    line-height: 13px;
    padding-top: 22px;
    height: 36px;
    overflow: hidden;
}

 .tpy-hxcp .box .product .row li > a > .row p{
     font-size: 11px;
     color: #bfbfbf;
     line-height: 30px;
     padding-bottom: 18px;
     height: 30px;
     overflow: hidden;
 }

.tpy-hxcp .box .product .row li > a > .row .right .lcon{
    margin: 40px 0 0 0;
    background: url("../images/hxcp-4.png") no-repeat;
    width: 13px;
    height: 11px;
}


/*织梦翻页*/
/*pages*/
.pagination-wrapper {
    clear:both;
    padding:1em 0 2em 0;
    text-align:center;
}
.pagination {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size:12px;
    border-radius: 3px;
}
.pagination li{
    list-style: none;
    display: inline;
    float: left;
    line-height: 1em;
    text-decoration: none;
    border-left-width: 0;
}
.pagination li a {
    display: inline-block;
    padding: .5em .8em;
    background-color: #f9f9f9;
    color: #999;
}
.pagination li a:link{
    background:#fff;
    color: #4C78A5;
}
.pagination li a:hover{
    text-decoration:none;
}
.pagination li a:link:hover {
    color: #000;
}
.pagination li.thisclass {
    background-color: #f9f9f9;
    color:#999;
}
.pagination li:first-child {
    border-left-width: 1px;
    border-radius: 3px 0 0 3px;
}
.pagination li:last-child{
    border-radius: 0 3px 3px 0;
}
.pagination .pageinfo{
    color: #444;
}

/*修复BUG*/
.tpy-cplb .slick-next{
    right:0;
}

.zq-padding{
    padding-top:50px;
}

.zq-nav .col-md-3{
    background:#fff;
}

.zq-nav .col-md-8{
    background:#fff;
}

.zq-nav .col-md-1{
    background:#fff;
}


.z-x02 img{
    margin-top: 15px;
    width: 100%;
}

.z-x04 img{
    width: 100%;
}